//2024
$(document).ready(function(e) {
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "https://hm.baidu.com/hm.js?d924028c274d650b6f12d391ec251143";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
	(function(){
	    var bp = document.createElement('script');
	    var curProtocol = window.location.protocol.split(':')[0];
	    if (curProtocol === 'https') {
	        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
	    }
	    else {
	        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
	    }
	    var s = document.getElementsByTagName("script")[0];
	    s.parentNode.insertBefore(bp, s);
	})();
	
	var docEl = document.documentElement || document.body;
	var clientWidth = docEl.clientWidth;
	var clientHeight = docEl.clientHeight;
	
	var size = 1,width = 1000;
	var recalc = function() {
		var docEl = document.documentElement || document.body;
		var clientWidth = docEl.clientWidth;

		if(!clientWidth||clientWidth<=1180) return;
			
		docEl.style.fontSize = 100 * (clientWidth / 2024) + 'px';
		size = clientWidth / 2024;
		//设置案例宽度
		var len = $("#js_wrap_case").children().length;

		width = 1001 * size;
		$("#js_wrap_case").css({
			"width": len * width
		});
		$("#fullPage-nav").css({
			marginTop: '0px'
		})
		
	};
	recalc();
	$(window).resize(recalc);

	var html = function(data) {
		var li = "";
		$.each(data, function(i, index) {
			if(i < 12) {
				li += '<li data-url="' + index.url + '" data-name="' + index.name + '" class="js_cell_case">' +
					'<span class="zz"></span>' +
					'<img src="' + index.img + '" />' +
					'<p class="case_info">' +
					'<span>' + index.title + '</span>' +
					'<span>' + index.text + '</span>' +
					'</p>' +
					'</li>'
			}
		})
		return li;
	}
	var bannerIndex = 0;
	$.getJSON("js/case.json", function(data) {
		$('#js_wrap_case .list_case:eq(0)').html(html(data[0]));
		$('#js_wrap_case .list_case:eq(1)').html(html(data[1]));
		$('#js_wrap_case .list_case:eq(2)').html(html(data[2]));
		$('#js_wrap_case .list_case:eq(3)').html(html(data[3]));
		var newLi = $('#js_wrap_case .list_case:eq(0)').clone();
		$('#js_wrap_case').append(newLi);
		//设置案例宽度
		var len = $("#js_wrap_case").children().length;

		width = 1001 * size;
		$("#js_wrap_case").css({
			"width": len * width
		});
		$('.bannerRight').on('click',function(){
			bannerIndex++;
			if(bannerIndex>=3){
				bannerIndex=3;
			}
			$("#js_wrap_case").css({
				"left": -bannerIndex * width
			});
				
			$("#js_tips span").eq(bannerIndex).addClass("focus").siblings().removeClass("focus");
	
			$("#js_wrap_case").children().eq(bannerIndex).addClass("focus").siblings().removeClass("focus");
	
			
		})
		$('.bannerLeft').on('click',function(){
			bannerIndex--;
			if(bannerIndex<=0){
				bannerIndex=0;
			}
			$("#js_tips span").eq(bannerIndex).addClass("focus").siblings().removeClass("focus");
	
			$("#js_wrap_case").children().eq(bannerIndex).addClass("focus").siblings().removeClass("focus");
	
			$("#js_wrap_case").css({
				"left": -bannerIndex * width
			});
		})
	})
	$(".list_case").on("click", ".js_cell_case", function() {
		var $this= $(this);
		url = $this.attr("data-url"); // 要加载的iframe
		title = $this.attr("data-name");
		var width1 = 1366,
			height1 = 768;
		if(title.indexOf('移动端') != -1) {
			$('body').find(".aui_state_focus").addClass("mobile")
			art.dialog.open(url, {
				id: 'mobile',
				lock: true,
				title: title,
				width: width1*0.1,
				drag: false,
				opacity: 0.6,
				background: "#000",
				height: height1*0.7,
			});
			
		}else {
			art.dialog.open(url, {
				id: 'pc',
				lock: true,
				title: title,
				width: width1*0.9,
				drag: false,
				opacity: 0.6,
				background: "#000",
				height: height1*0.75
			});
		}
		
	});

	//切换案例
	var change = function() {
		var index = $(this).index();
		bannerIndex = index;
		$(this).addClass("focus").siblings().removeClass("focus");

		$("#js_wrap_case").children().eq(index).addClass("focus").siblings().removeClass("focus");

		$("#js_wrap_case").css({
			"left": -index * width
		});
	}
	$("#js_tips span").hover(change);
	$("#js_tips span").click(change);

	$(function() {
		
		$('#js_fullpage').fullpage({
			loopBottom: true,
			loopTop: true,
			resize: true,
			slidesNavigation: true,
			slidesNavPosition: "top",
			slidesColor: ['#ebfbff', '#fff', '#212325', '#ebfbff'],
			anchors: ['page1', 'page2', 'page3', 'page4'],
			menu: '#menu',
			afterRender: function() {
				$('#js_fullpage').find(".active").addClass("focus");
			},
			afterLoad: function(anchorLink, index) { // 滚动结束后
				$('#js_fullpage').children().eq(index - 1).addClass("focus");
				$('#fullPage-nav li a').eq(index - 1).addClass("active");
				if(index - 1 == 2) {
					$('#fullPage-nav li span').css({
						background: 'none',
						border: 1*size+'px solid #fff'
					})
					$('#fullPage-nav li .active span').css({
						background: '#fff'
					})
				} else {
					$('#fullPage-nav li span').css({
						background: 'none',
						border: 1*size+'px solid #000'
					})
					$('#fullPage-nav li .active span').css({
						background: '#000'
					})
				}
			},
			onLeave: function(anchorLink, index) { // 滚动前
				$('#js_fullpage').children().removeClass("focus");
				$('#fullPage-nav li a').removeClass("active");
			}
		});
		
	});

	//section的首尾增加选择器
	$(".section").each(function(index, element) {
		$(this).children().first().addClass("first");
		$(this).children().last().addClass("last");
	});
});

var common = {
	//返回浏览器宽高
	getViewSize: function() {
		var de = document.documentElement;
		var db = document.body;
		var viewW = de.clientWidth == 0 ? db.clientWidth : de.clientWidth;
		var viewH = de.clientHeight == 0 ? db.clientHeight : de.clientHeight;
		/* 
			返回一个数组参数，第一个是浏览器宽度，第二个是浏览器宽度
			调用方法：
			var screenW = getViewSize()[0]; // 浏览器宽度
			var screenH = getViewSize()[1]; // 浏览器高度
		*/
		return Array(viewW, viewH);
	},

	//基于当前界面的水平垂直居中
	vhCenter: function(para) {
		var screenW = $(para).parent().width(); // 浏览器宽度
		var screenH = $(para).parent().height(); // 浏览器高度

		var paraW = $(para).width(); // 元素宽度
		var paraH = $(para).height(); // 元素高度

		var scrollTop = $(document).scrollTop(); //浏览器滚动条顶部值
		var scrollLeft = $(document).scrollLeft(); //浏览器滚动条左边距值

		var top = 0;
		var left = 0;

		//根据浏览器宽高来设定指定容器针对浏览器视图进行居中
		if(screenW < paraW) {
			left = 0;
		} else {
			left = (screenW - paraW) / 2 + scrollLeft;
		}

		if(screenH < paraH) {
			top = 0;
		} else {
			top = (screenH - paraH) / 2 + scrollTop;
		}

		$(para).css({
			"position": "absolute",
			"left": left,
			"top": top
		});
	}

}

var xlc = {
	/**鼠标移入背景滑动
		文档格式
		<ul id="jq_nav">
			<li class="js_focus"></li>
			<li id="js_navbg"></li>
		<ul>
		obj 为ul对象 direct 指定'上下'或'左右'移动 easing 为动画 "easeOutElastic"
	*/
	navHover: function(obj, direct, easing) {
		var nav = $(obj); // 导航

		var navChildren = nav.children().not("#js_navbg");
		var navbg = $(obj + " > #js_navbg"); //导航背景
		var focusIndex = $(obj + " > .js_focus").index();

		navChildren.mouseover(function(e) { //鼠标移入移出时变换位置
			var index = $(this).index();
			setPositionNum(index);
		}).mouseleave(function(e) {
			var index = $(".js_focus").index();
			setPositionNum(index);
		});

		$(document).ready(function() {
			setPositionNum(focusIndex);
		});

		function setPositionNum(index) {
			var nowNavItem = navChildren.eq(index).outerWidth(true);

			if(direct == "left") {
				//设置左右移动
				var leftPosition = 0;
				for(var i = 0; i <= index; i++) {
					if(i == index) {
						var lastWidth = (navChildren.eq(i).outerWidth(true) - nowNavItem) / 2;
						leftPosition += lastWidth;
					} else {
						leftPosition += parseInt(navChildren.eq(i).outerWidth(true)); // 循环获取要移动的距离
					}
				}

				$(navbg).stop().animate({
					"left": leftPosition,
					"width": nowNavItem
				}, 800, easing);
			} else {
				//设置上下移动
				var topPosition = 0;
				for(var i = 0; i <= index; i++) {
					if(i == index) {
						var lastHeight = (parseInt(navChildren.eq(i).outerHeight(true)) - nowNavItem) / 2;
						topPosition += lastHeight;
					} else {
						topPosition += parseInt(navChildren.eq(i).outerHeight(true)); // 循环获取要移动的距离
					}
				}
				$(navbg).stop().animate({
					"top": topPosition,
					"width": nowNavItem
				}, 800, easing);
			}
		}
	},
	/**弹出框，基于jquery的load方法
	 */
	/*
		关闭弹出窗
		调用 xlc.closeDialog();
	*/
	closeDialog: function() {
		$("#js_dialogContainer").hide(); // 弹出框里面清除内容并隐藏
		$(".zzdiv").fadeOut(200); // 遮罩隐藏
	},
	dialog: function(url, submitFn, callbackFn) {
		var closeDialog = {
			/* 
			关闭弹出框
				方法内调用 closeDialog.closeDialog();
			*/
			closeDialog: function() {
				$("#js_dialogContainer").hide(); // 弹出框里面清除内容并隐藏
				$(".zzdiv").fadeOut(200); // 遮罩隐藏
			}
		}

		var len = $("#js_dialogContainer").length; // 获取弹出框的数量
		var zzLen = $(".zzdiv").length; // 遮罩数量

		/*初始化*/
		/*1.如果弹出框容器在界面里面没有，则新增一个弹出框容器*/
		if(len <= 0) {
			var contain = $("<div class='dialogContainer' id='js_dialogContainer'></div>");
			$("body").append(contain);
		}

		/*1.如果遮罩在界面里面没有，则新增遮罩*/
		if(zzLen <= 0) {
			var zz = $("<div class='zzdiv'></div>");
			$("body").append(zz);

		}

		//关闭弹出框
		$(".js_close").live("click", function() {
			closeDialog.closeDialog(); // 关闭弹出框
		});

		//弹出框提交
		$(".js_submit").live("click", function() {
			//回调函数，弹出框弹出之后执行的方法
			if($.isFunction(submitFn)) {
				submitFn.apply(this);
			}
		});

		//弹出框内容加载，根据传进来的url来改变弹出框的内容
		$("#js_dialogContainer").load(url, function() {
			//回调函数，弹出框弹出之后执行的方法
			if($.isFunction(callbackFn)) {
				callbackFn.apply(this);
			}

			//弹出框水平垂直居中
			common.vhCenter("#js_dialogContainer");

			//弹出框渐显
			$("#js_dialogContainer").fadeIn(200);
			//遮罩渐显
			$(".zzdiv").fadeIn(200);

			//浏览器改变大小重定位弹出框
			$(window).resize(function(e) {
				common.vhCenter("#js_dialogContainer");
			});

			//浏览器滚动重定位弹出框
			$(window).scroll(function(e) {
				common.vhCenter("#js_dialogContainer");
			});

		});

	},

	//轮播
	tabList: function(container_slide, events, focusClass, autoPlay, autoTime) {

		/*var defaults = {
			container_slide : // 轮播最外层的div容器
			events : "click", // 指示器切换时的事件
			focuclass : "focus", // 指示器的选中状态class名称
			autoPlay : false, // 是否自动播放
			autoTime : 4000 // 自动播放时间
		}*/

		var slideWrap_items = $(container_slide).find(".js_slideWrap"); //轮播焦点容器
		var slideTip = $(container_slide).find(".js_slideTip"); // 轮播指示器容器
		var tabListFn = {
			changeFn: function(index) { //切换方法
				// 指示器切换
				slideTip.children().eq(index).addClass(focusClass).siblings().removeClass(focusClass);

				//焦点图切换
				slideWrap_items.children().eq(index).stop(true, true).fadeIn().siblings().fadeOut();
				var src = slideWrap_items.children().eq(index).find("a > img").attr("data-imgsrc");
				if(src != "undefined") {
					slideWrap_items.children().eq(index).find("a > img").attr("src", src);
				}
			}
		}

		//初始化
		//初始化1.选项卡第一个标题增加选中状态
		//初始化2.选项卡对应的第一个内容块显示,其他隐藏
		var index = 0; // 用来定位当前显示第几张焦点图
		index = 0; // 自动轮播时,会把第一张也计算进去,所以自动的数量从1开始
		slideWrap_items.children().eq(0).show();
		tabListFn.changeFn(0);

		var itemlen = slideWrap_items.children().length; // 根据焦点图长度来进行第一个和最后一个焦点图时的处理
		var autoPlay = autoPlay; // 如果为true,则自动播放,否则不自动播放

		//如果为true则自动播放
		if(autoPlay) {
			var picTimer;

			//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
			$(container_slide).hover(function() {
				clearInterval(picTimer);
			}, function() {
				picTimer = setInterval(function() {
					tabListFn.changeFn(index);
					index++;
					if(index == itemlen) {
						index = 0;
					}
				}, autoTime); //autoTime代表自动播放的间隔，单位：毫秒
			}).trigger("mouseleave");
		}

		// 上一个
		$(container_slide).find(".js_last").click(function() {
			index--;
			if(index < 0) {
				index = itemlen - 1;
			}
			tabListFn.changeFn(index);

		});

		// 下一个的切换
		$(container_slide).find(".js_next").click(function() {
			index++;
			if(index >= itemlen) {
				index = 0;
			}
			tabListFn.changeFn(index);

		});

		//鼠标事件,进行切换
		//指示器事件进行相应的切换
		slideTip.children().bind(events, function() {
			index = $(this).index();
			tabListFn.changeFn(index);
		});

	},

	//全选全不选，para 是全选按钮，selectClass 为带选中标志的选择框，onselect 为选中后添加选中标志 , selectAll("#selectAll",".jq_Select","jq_onselect" , menuState);
	selectAll: function(para, selectClass, onselect, callbackEvent) {
		$(para).live("change", function() {
			var flag = true; //复选框全部处于选中状态的时候，为true

			$(selectClass).each(function() { //遍历所有的复选框，判断复选框的选中状态
				if(!$(this).prop("disabled")) {
					if(!$(this).prop("checked") || !$(this).hasClass(onselect)) {
						flag = false;
					}
				}
			});

			if(flag) {
				//如果全部是选中的
				$(selectClass).each(function(index, element) {
					if(!$(this).prop("disabled")) {
						$(selectClass).prop("checked", false).removeClass(onselect); //则全部取消选择
					}
				});
				$(para).prop("checked", false);
			} else {
				//如果全部是选中的
				$(selectClass).each(function(index, element) {
					if(!$(this).prop("disabled")) {
						$(this).prop("checked", true).addClass(onselect);; //只要不是全部选择的，则把所有的复选框都选中
					}
				});

				$(para).prop("checked", true);
			}

			if($.isFunction(callbackEvent)) {
				callbackEvent(); //回调函数，这里用来处理点击后的事件
			}
		});
	},

	//把某个元素变为fixed
	setFixed: function(para, options) {
		/*默认参数*/
		var defaultOptions = {
			para: $(para),
			addclassname: "fixed",
			parentClass: "isfixed"
		}
		var obj = $.extend(defaultOptions, options);
		_this = obj.para;

		obj.para.each(function() {
			var _this = $(this); // 需要固定位置的选择器
			var _top = parseInt(_this.offset().top); // 获取对象的顶部距离
			var _thisHeight = parseInt(_this.outerHeight()); // 获取对象的高度
			var _parentPaddingTop = parseInt(_this.parent().css("paddingTop")); // 获取父元素的paddingtop

			$(window).scroll(function(e) {

				var topScroll = parseInt($(window).scrollTop()); // 滚动时获取浏览器滚动条高度
				if(topScroll > _top) { // 如果滚动条高度大于对象顶部距离,则让对象变成固定定位
					_this.addClass(obj.addclassname);
					_this.parent().addClass(obj.parentClass);
				} else { // 否则为相对定位
					_this.removeClass(obj.addclassname);
					_this.parent().removeClass(obj.parentClass);
				}
			});
		});

	},

	//返回顶部 需要单独给 .gotop 写样式
	gotoTop: function() {
		var goToKength = $("#js_gotop").length;
		var topScroll = $(window).scrollTop();

		if(goToKength <= 0) {
			var gotop = $("<span class='gotop' id='js_gotop'></span>");
			gotop.appendTo("body");
		}

		startGotop(topScroll);
		$(window).scroll(function() {
			startGotop();
		});

		//点击跳转到顶部
		$("#js_gotop").click(function() {
			$("body,html").animate({
				scrollTop: 0
			}, 300);
		});

		//返回顶部隐藏显示方法
		function startGotop(scrollTop) {
			scrollTop = $(window).scrollTop();
			if(scrollTop > 100) {
				$("#js_gotop").fadeIn(500);
			} else {
				$("#js_gotop").fadeOut(500);
			}
		}
	},
	//输入框输入提示
	inputTip: function() {
		var textIpt = $("input[type='text'] , textarea");
		textIpt.each(function() {
			if(!$(this).hasClass("js_notip")) {
				$(this).attr("autocomplete", "off");
				var value = $(this).val();
				$(this).blur(function(e) {
					if($(this).val() == "" || $(this).val() == " ") {
						$(this).val(value);
					}
				}).focus(function() {
					if($(this).val() == "" || $(this).val() == " " || $(this).val() == value) {
						$(this).val("");
					}
				});
			}
		});
	},
	//选项卡切换
	/*
		tabTitle 选项卡容器
		tabContainer 选项卡对应的内容容器
		events 出发切换的事件
		focusClass 选中的class名称
	*/
	tabChange: function(tabTitle, tabContainer, events, focusClass) {
		$(tabContainer).children().eq(0).show().siblings().hide(); // 选项卡内容显示第一个,其他隐藏
		$(tabTitle).children().bind(events, function() { // 切换事件
			var index = $(this).index(); // 获取当前点击的选项卡索引值
			if(focusClass == undefined) {
				focusClass = "focus";
			} else {
				$(tabTitle).children().eq(index).addClass(focusClass).siblings().removeClass(focusClass); //对应的选项卡添加选中class
			}
			$(tabContainer).children().eq(index).show().siblings().hide(); // 索引值对应的选项卡内容显示,其他隐藏
		});
	},

	//鼠标移动改变元素位置
	changePosition: function(para, Range) {
		var mousex;
		var mousey;

		$(para).each(function() {
			var para = $(this);
			var left = parseInt(para.css("left"));
			var top = parseInt(para.css("top"));

			$("body").mousemove(function(e) {
				var e = e || window.event;
				var mousex = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
				var mousey = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;

				var newLeft = (mousex - left) / Range + left;
				var newTop = (mousey - top) / Range + top
				para.stop().animate({
					"left": newLeft,
					"top": newTop
				}, 20);

			});
		});

	}

}